<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <script src="js/jquery.js"></script>
  <script>
    var p = null
    function getDataFromServer(url){
       p = new Promise(
        function(resolve,reject){
          $.ajax({
            url:url,
            success:function(res){
              resolve(res)
            }
          })
        }
      )
      return p
    }
    $(function(){
      $('button').click(function(){
        getDataFromServer('http://127.0.0.1:3001/getdata1')
        p.then(function(data){
          console.log(data);
          return getDataFromServer('http://127.0.0.1:3001/getdata2')
        })
        .then(function(data){
          console.log(data);
        })
      })
    })
    // 点击按钮,看看日志打印, 是先打印第一次请求获取到数据的结果,还是先打印第二次请求获取到数据的结果? 
    // 使用Promise将getDataFromServer改造, 让得到数据的顺序一定是:  先打印第一次请求获取到数据的结果, 再打印第二次请求获取到数据的结果
  </script>
</head>
<body>
  <button>点我发送请求</button>
</body>
</html>